
.box{ clear: both; margin: 0; padding: 60px 0 0 0; width: 100%; background: url("../img/stu_ly_bj1.jpg") no-repeat center -50px; background-color: #F0F0EE; height: auto;}
.box_con{ background:   no-repeat fixed left bottom; background-size: 30% 50%;}
.box_con{ padding-bottom: 45px;}
.conten{ width: 1200px; margin: 0 auto;}
.position{ margin-top: 45px;}
.position a{ color: #FFCF4E;}

.con{ clear: both; margin: 45px auto 0; background: rgba(255,255,255,0.5); border: 1px solid #dfdfdf; padding: 35px; width: 1130px;}
.main{ margin-top: 30px;}
.main .showBar{ width: 924px;}
.main .showBar .case_title{ font-size: 22px; color: #202020; line-height: 42px; padding-left: 25px; position: relative;}
.main .showBar .case_title:before{ content: ''; width: 18px; height: 18px; position: absolute; background-image: url("../img/res_img5.jpg"); top: 12px; left: 0;}
.main .showBar .case_attr{ font-size: 12px; line-height: 25px;}
.main .showBar .case_attr a{ color: #bababa; margin-right: 35px;}
.main .showBar .score{ width: 235px; text-align: center;}
.main .showBar .score p{ float: left; margin-left: 10px;}
.main .showBar .score p span{ background: url("../img/res_xiaobiao_img2.png") no-repeat; width: 23px; height: 23px; display: inline-block; margin: 0;}
.main .showBar .score p span.stars_l{ background-position: -4px -5px;}
.main .showBar .score p span.stars_h{ background-position: -32px -5px;}
.main .showBar .score p{ color: #ccc; font-size: 16px;}
.main .showBar .score p a{ color: #FFD04C;}
.main .showBar .case_video{ clear: both; border: 1px solid #dfdfdf; position: relative;   background-color: #F1F1F1;}
.case_video .case_video_ope{ padding: 9px; line-height: 22px;}
.case_video .case_video_ope dl{ height: 22px; width: 100%; padding: 0;}
.case_video .case_video_ope dl dd{ float: left; cursor: pointer; padding: 0 15px; color: #888; border-right: 1px solid #dfdfdf; font-size: 16px; position: relative; }
.case_video .case_video_ope dl dd:hover{ color: #202020;}
.case_video .case_video_ope dl dd span{ padding-left: 18px;}
.case_video .case_video_ope dl dd:before{ content:''; background-image: url("../img/xiaobiao_img6.png"); width: 14px; height: 14px; position:absolute; top:4px;}
.case_video_ope .case_video_ope_icon2:before{background-position: -44px -0;}
.case_video_ope .case_video_ope_icon2_true:before{background-position: -44px -22px;}
/*收藏悬浮*/
.case_video_ope .case_video_ope_icon2:hover:before{background-position: -44px -22px;}
.case_video_ope .case_video_ope_icon3:before{ background-position: -84px 0; }
.case_video_ope .case_video_ope_icon3:hover:before{background-position:-84px -22px;}
.case_video_ope .case_video_ope_icon4:before{ background-position: -127px 0; }
.case_video_ope .case_video_ope_icon4:hover:before{background-position: -127px -22px;}
/*下载悬浮*/
.case_video_ope .case_video_ope_icon5:before{ background-position: -167px 0; }
.case_video_ope .case_video_ope_icon5:hover:before{background-position: -167px -22px;}
/*���Ǵ����ʽ*/
/*����*/
#xzw_starSys{width:205px;height:22px; position: absolute; bottom: 10px; right: 0;}
#xzw_starBox{position:relative;width:198px;float:left; color: #898989;}
/**/
#xzw_starSys .description{clear:both;padding:10px 0px}
#xzw_starSys .star{height:20px;width:120px;position:relative;background:url("../img/star.png") repeat-x;cursor:pointer}
#xzw_starSys .star li{float:left;padding:0px;margin:0px}
#xzw_starSys .star li a{display:block;width:24px;height:20px;overflow:hidden;text-indent:-9999px;position:absolute;z-index:5}
#xzw_starSys .star li a:hover{background:url("../img/star.png") 0 -25px repeat-x;z-index:3;left:0}
#xzw_starSys .star a.one-star{left:0}
#xzw_starSys .star a.one-star:hover{width:24px}
#xzw_starSys .star a.two-stars{left:24px}
#xzw_starSys .star a.two-stars:hover{width:48px}
#xzw_starSys .star a.three-stars{left:48px}
#xzw_starSys .star a.three-stars:hover{width:72px}
#xzw_starSys .star a.four-stars{left:72px}
#xzw_starSys .star a.four-stars:hover{width:96px}
#xzw_starSys .star a.five-stars{left:96px}
#xzw_starSys .star a.five-stars:hover{width:120px}
#xzw_starSys .current-rating{background:url("../img/star.png") 0 -25px repeat-x;position:absolute;height:20px;z-index:1;top:0;left:78px}

.main .feedback{ clear: both; margin-top: 18px; border: 1px solid #d7d7d7; background-color: #fff; padding: 0 20px;}
.main .feedback_title{ line-height: 52px; height: 52px; font-weight: 600; color: #1f1f1f;}


/*���ۿ���ʽ*/
.per_dynamic_comment{ clear: both; margin: 0 0 25px 0; padding: 0; position: relative; display: none;}
.per_dynamic_comment .per_dynamic_textarea{ border: 1px solid #dfdfdf; border-radius: 2px 2px 0 0;}
.per_dynamic_comment .per_dynamic_textarea textarea{ width: 824px; padding: 10px; height: 110px; color: #A0A0A0; font-size: 13px; overflow-y: auto;}
.per_dynamic_comment .per_dynamic_button{ border: 1px solid #dfdfdf; border-radius: 0 0 2px 2px; border-top: none; height: 28px; padding: 0 0 0 10px;}
.per_dynamic_comment .per_dynamic_button dl.per_dynamic_button_icon dd{ width: 16px; height: 16px; float: left; margin: 5px 5px 5px 0; cursor: pointer; position: relative; background-image: url("../img/xiaobiao_img5.png");}
.per_dynamic_comment .per_dynamic_button dl dd input{ opacity:0; cursor: pointer; position: relative; z-index: 9; width: 16px;}
.per_dynamic_button .per_dynamic_button_icon1{ background-position: 0 0;}
.per_dynamic_button .per_dynamic_button_icon1:hover{ background-position: 0 -24px;}
.per_dynamic_button .per_dynamic_button_icon2{ background-position: -22px 0;}
.per_dynamic_button .per_dynamic_button_icon2:hover{ background-position: -22px -24px;}
.per_dynamic_button .per_dynamic_button_icon3{ background-position:-44px 0;}
.per_dynamic_button .per_dynamic_button_icon3:hover{ background-position: -44px -24px;}
.per_dynamic_button .per_dynamic_button_icon4{ background-position: -67px 0;}
.per_dynamic_button .per_dynamic_button_icon4:hover{ background-position: -67px -24px;}
.per_dynamic_button .per_dynamic_button_icon5{ background-position: -84px 0;}
.per_dynamic_button .per_dynamic_button_icon5:hover{ background-position: -84px -24px;}
.per_dynamic_comment .per_dynamic_button dl.per_dynamic_button_send dd{ width: 50px; height: 28px; line-height: 28px; text-align: center; color: #202020; margin-left: 2px; float: left;}
.per_dynamic_comment .per_dynamic_button dl.per_dynamic_button_send dd a{ color: #202020;}
.per_dynamic_comment .per_dynamic_button dl.per_dynamic_button_send dd.per_dynamic_button_send1{background-color: #FFD666;}
.per_dynamic_comment .per_dynamic_button dl.per_dynamic_button_send dd.per_dynamic_button_send2{background-color: #FFC629;}
.per_dynamic_comment .per_dynamic_appendix{ display: none; position: absolute; width: 804px; padding: 0 10px 0 31px; height: 28px; line-height: 28px; color: #555; border-top: 1px dashed #dfdfdf; top:103px; z-index: 4;}
.per_dynamic_comment .per_dynamic_appendix:before{ content: ''; width: 16px; height: 16px; background-image:url("../img/xiaobiao_img5.png"); background-position: -84px -24px; position: absolute; left:10px; top: 5px; }
.per_dynamic_comment .per_dynamic_appendix .per_dynamic_appendix_speed{ display: inline-block; margin-left: 5px; width: 105px; height: 5px; border: 1px solid #3EABF7; position: absolute; top:12px; }
.per_dynamic_comment .per_dynamic_appendix .per_dynamic_appendix_speed .per_dynamic_appendix_speed_back{ background-color: #3EABF7; height: 5px;}
.per_dynamic_comment .per_dynamic_appendix .per_dynamic_appendix_speed_s{ display: inline-block; margin-left: 118px; color: #AAAAAA; font-size: 12px;}
.per_dynamic_comment .per_dynamic_appendix .per_dynamic_appendix_size{ font-size: 12px; color: #aaa;}
.per_dynamic_comment .per_dynamic_addimg{ display: none; clear: both; border: 1px solid #dfdfdf; border-top: none; border-radius: 0px 0px 2px 2px; padding: 10px; width: 823px;}
.per_dynamic_comment .per_dynamic_addimg ul li{ display: block; border: none; float: left; width: 100px; height: 100px; margin: 0 6px; padding-left: 0px; padding-right: 0px; text-align: center; position: relative;}
.per_dynamic_comment .per_dynamic_addimg ul li.per_dynamic_add{ background-color: #CCCCCC; color: #fff; font-size: 65px; cursor: pointer;}
.per_dynamic_comment .per_dynamic_add a{ color: #fff; padding-top: 15px;}
.per_dynamic_comment .per_dynamic_addimg p{ height: 20px; padding-left: 30px; padding-bottom: 10px; position: relative;}
.per_dynamic_comment .per_dynamic_addimg p:before{ content: ''; width: 16px; height: 16px; background-image:url("../img/xiaobiao_img5.png"); background-position: -22px -22px; position: absolute; left:8px;}
.per_dynamic_comment .per_dynamic_addimg ul li .before{ width: 18px; height: 18px; cursor: pointer; font-size: 12px; color: #fff; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 82px; top: 0px;}
.per_dynamic_comment .per_dynamic_video{ display: none; clear: both; border: 1px solid #dfdfdf; border-top: none; border-radius: 0px 0px 2px 2px; padding: 10px; width: 823px;}
.per_dynamic_comment .per_dynamic_video ul li{ display: block; border: none; float: left; width: 100px; height: 100px; margin: 0 6px; padding-left: 0px; padding-right: 0px; text-align: center; position: relative;}
.per_dynamic_comment .per_dynamic_video ul li .before{ width: 18px; cursor: pointer; height: 18px; font-size: 12px; color: #fff; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 82px; top: 0px;}
.per_dynamic_comment .per_dynamic_video ul li.per_dynamic_add{ background-color: #CCCCCC; color: #fff; font-size: 65px; cursor: pointer;}
.per_dynamic_comment .per_dynamic_add a{ color: #fff; padding-top: 15px;}
.per_dynamic_comment .per_dynamic_add input{opacity:0; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 9; width: 100px; height: 100px; overflow: hidden;}
.per_dynamic_comment .per_dynamic_video .per_dynamic_video_jdt{ height: 20px; padding-left: 30px; padding-bottom: 10px; position: relative;}
.per_dynamic_comment .per_dynamic_video .per_dynamic_video_jdt:before{ content: ''; width: 16px; height: 16px; background-image:url("../img/xiaobiao_img5.png"); background-position: -22px -22px; position: absolute; left:10px;}
.per_dynamic_appendix_speed{ display: inline-block; margin-left: 5px; width: 105px; height: 5px; border: 1px solid #3EABF7; position: absolute; top:8px; }
.per_dynamic_appendix_speed .per_dynamic_appendix_speed_back{ background-color: #3EABF7; height: 5px;}
.per_dynamic_appendix_speed_s{ display: inline-block; margin-left: 118px; color: #AAAAAA; font-size: 12px;}
.per_dynamic_appendix_size{ font-size: 12px; color: #aaa;}

/*������ʽ*/
.per_dynamic_comment_list{ clear: both; margin: 0 0 28px 0; padding: 18px;}
.per_dynamic_comment_con{ border-bottom: 1px dashed #dfdfdf; padding-bottom: 16px; margin-bottom: 16px;}
.per_dynamic_comment_con_info{ padding-bottom: 15px; position: relative;}
.per_dynamic_comment_con_info .friends_img{ margin-right: 15px; width: 38px;}
.per_dynamic_comment_con_info .friends_info{ width: 780px; margin-left: 10px;}
.per_dynamic_comment_con_info .friends_info .friends_name{}
.per_dynamic_comment_con_info .friends_info .friends_name span{ width: 16px; height: 16px; margin: 0; display: inline-block; position: relative; top: 2px;}
.per_dynamic_comment_con_info .friends_info .friends_name span img{ width: 15px; height: 15px;}
.per_dynamic_comment_con_info .friends_info .friends_name a{ color: #3CAAF5;}
.per_dynamic_comment_con_info .friends_info .friends_time { position: relative; color: #CDCDCD; font-size: 12px;}
.per_dynamic_comment_con_info .friends_info .friends_time span,.per_dynamic_comment_con_info .friends_info .friends_con span{cursor: pointer; display: inline-table; background-image: url("../img/xiaobiao_img6.png"); width: 16px; height: 16px; margin-left: 10px; top:5px;}
.per_dynamic_comment_con_info .friends_info .friends_con .hf_3{ background-position: -167px -1px; margin-left: 10px; }
.per_dynamic_comment_con_info .friends_info .friends_con .hf_3:hover{ background-position: -167px -22px; }
.per_dynamic_comment_con_info .friends_img img{ width: 50px; height: 50px;}
.per_dynamic_comment_con_info .friends_info .friends_con{}
.per_dynamic_comment_con_info .friends_info .friends_con p{ font-size: 14px; line-height: 22px; padding: 0 0 10px 0;}
.per_dynamic_comment_con_hf{  background-color: #F6F6F6; padding: 25px 15px 15px 15px;}
.per_dynamic_comment_con_hf .per_dynamic_comment_con_info .friends_info{ width: 816px;}
.per_dynamic_comment_con_hf .per_dynamic_comment_con_info .friends_info .friends_name{ width: 60px; margin-right: 10px;}
.per_dynamic_comment_con_hf .per_dynamic_comment_con_info .friends_info .friends_con{ width: 730px;}
.per_dynamic_comment_con .hf_ope{ position: absolute; right: 0; bottom: 16px;}
.per_dynamic_comment_con .hf_ope span{ margin-left: 30px; position: relative; font-size: 12px;}
.per_dynamic_comment_con .hf_ope span:before{ content: ''; cursor: pointer; position: absolute; background-image: url("../img/icon_com.png"); width: 15px; height: 15px; left: -19px; top: 2px;}
.per_dynamic_comment_con .hf_ope .hf_1:before{ background-position: -35px 0; }
.per_dynamic_comment_con .hf_ope .hf_1:hover:before{ background-position: -35px -20px; }
.per_dynamic_comment_con .hf_ope .hf_zan:before{ background-position: 0 0;}
.per_dynamic_comment_con .hf_ope .hf_zan:hover:before{ background-position: 0 -20px;}







/*ͼƬ�Ŵ�*/
.gallery ul li{ width: 121px; height: 121px; float: left; margin: 0 6px 15px 6px; cursor: pointer; overflow: hidden; padding: 0px; border: none;}
.gallery ul li img{ width: 121px; height: 121px;}
.gallery li:nth-child(6n){padding-right:0;}
.gallery li a,.gallery li img{float:left;}
#zoom { z-index: 99990;  position: fixed;  top: 0;  left: 0;  display: none;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.8);  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";  }
#zoom .content {  z-index: 99991;  position: absolute;  top: 50%;  left: 50%;  width: 200px;  height: 200px;  background: #ffffff no-repeat 50% 50%;  padding: 0;  margin: -100px 0 0 -100px;  box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);  border-radius: 4px;  }
#zoom .content.loading {  }
#zoom img {  display: block;  max-width: none;  background: #ececec;  box-shadow: 0 1px 3px rgba(0,0,0,0.25);  border-radius: 4px;  }
#zoom .close {  z-index: 99993;  position: absolute;  top: 0;  right: 0;  width: 49px;  height: 49px;  cursor: pointer;  ) no-repeat transparent 50% 50%;  opacity: 1;  filter: alpha(opacity=100);  border-radius: 0 0 0 4px;  }
#zoom .previous,
#zoom .next {  z-index: 99992;  position: absolute;  top: 50%;  overflow: hidden;  display: block;  width: 49px;  height: 49px;  margin-top: -25px;  }
#zoom .previous {  left: 0;  background:  no-repeat 0 0;  border-radius: 0 4px 4px 0;  }
#zoom .next {  right: 0;  background:  no-repeat 100% 0;  border-radius: 4px 0 0 4px;  }
#zoom .close:hover {  background-color: #da4f49;  }
#zoom .previous:hover,
#zoom .next:hover {  background-color: #0088cc;  }


/*�����*/
.res_upload{ position: relative; cursor: pointer; width: 172px; font-size: 16px; line-height: 56px; height: 56px; border-radius: 3px; margin: 0 auto; padding-left: 90px;}

.res_info{border: 1px solid #DFDFDF; border-radius: 2px; margin: 18px 0; background-color: rgba(255, 255, 255, 0.5); padding: 15px 0;}
.res_info_title{ color: #202020; font-size: 18px; line-height: 30px; margin-bottom: 10px; margin-left: 18px;}
.res_info p{ padding: 0 18px; font-size: 14px; line-height: 34px; color: #555;}
.res_info p a{ color: #57B9D2; font-size: 16px;}

.main .sideBar{box-sizing:border-box;padding:0 22px 15px 18px;width:262px;border:1px solid #dfdfdf;background:rgba(255,255,255,.3);}
.main .sideBar .relation{padding-top:30px;color:#202020;font-size:20px;font-weight:normal;}
.main .sideBar .error-topic{padding-top:20px;}
.main .sideBar .relation span{display:inline-block;margin-top:5px;width:16px;height:16px;cursor:pointer;}
.main .sideBar .icon-relation{background:url(../img/icon_side.png) no-repeat;}
.main .sideBar .icon-search{background:url(../img/icon_side02.png) no-repeat;}
.main .sideBar .icon-relation:hover{background-position:0 -20px;}
.main .sideBar .icon-search:hover{background-position:0 -27px;}
.main .resoureList{margin-top:20px;}
.main .resoureList li{margin-bottom:8px;}
.main .resoureList a{display:block;padding-left:24px;width:200px;background:url("../img/icon13.png") no-repeat 0 -40px;color:#555;font-size:14px;}
.main .resoureList .icon-file{background-position: 0 -26px;}
.main .resoureList a:hover{text-decoration: underline;cursor:pointer;}
.main .resoureList span{margin-left:24px;color:#7a7a7a;font-size:12px;}




/*�ĵ�ҳ��*/
.case_file{ background: rgba(255,255,255,0.5); padding: 28px 0;}